import './App.css';
import {Routes,Route} from 'react-router-dom';
import Home from './pages/Home'
import Publish from './pages/Publish'
import My from './pages/My'
import Community from './pages/Community'
import Login from './pages/Login'
import Register from './pages/Register';
import PetDetail from './pages/PetDetail';
import DogAdvice from './pages/DogAdvice';
import CatAdvice from './pages/CatAdvice';
import Comment from './pages/Comment';
import PetCard from './pages/PetCard';
function App() {
  return (
    <div className="App">
       {/* 配置路由 */}
       <Routes>
          <Route path='/home' element={<Home/>}></Route>
          <Route path='/publish' element={<Publish/>}></Route>
          <Route path='/community' element={<Community/>}></Route>
          <Route path='/my' element={<My/>}></Route>
          <Route path='/login' element={<Login/>}></Route>
          <Route path='/register' element={<Register/>}></Route>
          <Route path='/pet_detail' element={<PetDetail/>}></Route>
          <Route path='/dog_advice' element={<DogAdvice/>}></Route>
          <Route path='/cat_advice' element={<CatAdvice/>}></Route>
          <Route path='/comment' element={<Comment/>}></Route>
          <Route path='/petcard' element={<PetCard/>}></Route>
          <Route path='/' element={<Home/>}></Route>
       </Routes>
    </div>
  );
}

export default App;
